import { createApp } from 'vue'
import App from './App.vue'
import { useTampermonkey } from './composables/useTampermonkey'

// 确保在任何操作前注入全局样式
useTampermonkey().addGlobalStyles()

// 开发环境直接挂载
if (import.meta.env.DEV) {
  createApp(App).mount('#app')
}
// 生产环境使用Tampermonkey挂载点
else {
  const app = createApp(App)

  // 添加保护层防止页面元素穿透
  const protector = document.createElement('div')
  protector.className = 'vue-devtools-protector'
  document.body.appendChild(protector)

  app.mount('#vue-devtools-container')

  // 移除保护层（如果需要）
  app.config.unwrapInjectedRef = true
}
